.actionsheet-mask {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1000;
}

.actionsheet-panel {
	position: absolute;
	left: 0;
	bottom: -50px;
	right: 0;
	background-color: #fff;
	z-index: 1001;
	border-radius: 16px 16px 0 0;
	max-height: 93vh;
	overflow-y: auto;
}

.actionsheet-hd {
	display: flex;
	justify-content: space-between;
	padding: 27px 20px 17px;
}

.actionsheet-hd-tt {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #303133;
}

.actionsheet-icon-close {
	display: block;
	width: 24px;
	height: 24px;
	background: url('../../static/icon-close.png') center center no-repeat;
	background-size: 100% 100%;
}

.actionsheet-box {
	border: 1px solid #F8F8F8;
	border-radius: 6px;
	margin: 10px;
}

.actionsheet-box-hd {
	position: relative;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #303133;
	margin: 25px 0 17px;
	padding: 0 20px;
}

.actionsheet-box-hd:before {
	content: '';
	position: absolute;
	left: 4px;
	top: 50%;
	width: 4px;
	height: 17px;
	transform: translateY(-50%);
	background-color: #3B71EB;
}

.actionsheet-box-bd {
	padding: 20px;
	border-top: 1px solid #F8F8F8;
}

.actionsheet-box-item {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	line-height: 20px;
}

.actionsheet-box-item+.actionsheet-box-item {
	margin-top: 12px;
}

.actionsheet-box-item-label {
	color: #606266;
}

.actionsheet-box-item-sublabel {
	color: #909399;
}

.actionsheet-box-item-value {
	color: #606266;
}

.actionsheet-box-item-value.em {
	color: #3B71EB;
}